<template>
	<div class="album-top">
		<div class="cover-wrap"></div>
		<div class="info">
			<p class="title">飙升榜</p>
			<div class="controls">
				<button>播放</button>
				<button>收藏</button>
				<button>分享</button>
				<button>下载</button>
				<button>评论</button>
			</div>
		</div>
	</div>
</template>

<script lang="ts">
export default {
	name: 'Top',
}
</script>

<script lang="ts" setup></script>

<style lang="less" scoped>
.album-top {
	display: flex;
	padding-bottom: 40px;
}
.cover-wrap {
	margin-right: 30px;
	padding: 3px;
	width: 158px;
	height: 158px;
	border: 1px solid #e3e3e3;
}
.info {
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	height: 158px;
}

.title {
	font-size: 20px;
}
.controls {
	display: flex;
	align-items: center;
}
</style>
